<template>
  <div>
    <div class="flex-box">
        <div class="bigData-left-box">
            <Admission></Admission>
        </div>
        <div class="bigData-right-box">
        <Major></Major>
        <Researches></Researches>
        <Talents></Talents>
        </div>
    </div>   
 </div>
</template>

<script>
import Admission from './Admission/Admission.vue'
import Researches from './Researches/Researches.vue'
import Major from './Major/Major.vue'
import Talents from './Talents/Talents.vue'
export default {
name:'BigData',
components:{
    Admission,
    Major,
    Researches,
    Talents
}
}
</script>

<style lang="less" scoped>
.flex-box{
    width: 1300px;
    margin: 0 auto;
}
.bigData-right-box{
display: flex;
width: 1200px;
justify-content: space-between;
transform: translateY(-30px);
}
</style>